I have a popup modal like this one.
[![enter image description here](https://i.stack.imgur.com/pSUJ0.png)](https://i.stack.imgur.com/pSUJ0.png)

When I click 'ADD' button, all the data from popup's table is shown at the table of the parent's. Like this one.
[![enter image description here](https://i.stack.imgur.com/4MR2e.png)](https://i.stack.imgur.com/4MR2e.png)

The problem is that I don't want to show the plus sign "+", if there is no data in textbox2s.
Here is the code at popup.js

```
function add_to_prent_table(){

var popupTable = [];
var i = 0;

$('#testing > tbody > tr').each(function () {

    popupTable[i] = [
        $(this).find("#test_number").val(),
        $(this).find("#type_1").val(),
        $(this).find("#type_2").val(),
        $(this).find("#place_1").val(),
        $(this).find("#place_2").val(),
        ];
    i++;

    var newRow = '<tr>'+
    '<td id ="td_center">'+
        $(this).find("#test_piece_number").val() +
    '</td>'+
    '<td id ="td_center">'+
        $(this).find("#type_1").val() + ' + ' +
        $(this).find("#type_2").val() +
    '</td>'+
    '<td id ="td_center">'+
        $(this).find("#place_1").val() + ' + ' +
        $(this).find("#place_2").val() +
    '</td>'+
    '</tr>';

    $('#testing_parent tbody').append(newRow);
});

```

}

How can I fix this?